<template>
  <div class="bangdanitme">
      <img :src=data.url>
      <ul> 
          <li>{{data.title}}</li>
          <li>{{data.text1}}</li>
          <li>{{data.text2}}</li>
          <li>{{data.text3}}</li>
          <li>{{data.text4}}</li>
          <li>{{data.text5}}</li>
      </ul>
  </div>
</template>

<script>
export default {
props:["data"]
}
</script>

<style scoped>
.bangdanitme{
    width: 100%;
    border-radius: .05rem;
    overflow: hidden;
    
    
}
.bangdanitme>ul{
width: 2.3rem;
height: 1.75rem;

position: fixed;
bottom: 0;

}
.bangdanitme>img{
    width: 100%;
height: 100%;
}
.bangdanitme>ul>li{
    font-size: 0.12rem;
    height: .24rem;
    line-height: .24rem;
    color: #dedbdc;
    font-family: "微软雅黑";
}
.bangdanitme>ul>li:nth-child(1){
    font-size: .2rem;
    height: .3rem;
    line-height: .3rem;
    color: #ffd3b2;
    font-weight: bold;
}
</style>
